<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.tietiao.com/functions" prefix="my"%>

<c:forEach items="${commodityInfoList}" varStatus="item" >

<c:if test="${item.index % 4 == 0 }">
	<div class="figure-row" >
</c:if>
<div class="figure-product figure-200" id="follow_${commodityInfoList[item.index].commodityId }"> 
	<a href="index_commodity_commodityDetail.htm?commodityId=${commodityInfoList[item.index].commodityId }">
		<figure> 
			<span class="wrapper-fig-image"> 
				<span class="fig-image"> 
					<img onclick="javascript:self.location='index_commodity_commodityDetail.htm?commodityId=${commodityInfoList[item.index].commodityId }'" src="./js/lazyload/grey.gif" data-original="${rootPicPath}${commodityInfoList[item.index].qietuOne}" alt=""> 
				</span> 
			</span> 
		</figure>
	</a> 
	<br class="hidden">
	<div class="userarea">
		<div class="userarea-bg"></div>
		<span class="username">
			<a href="index_commodity_commodityDetail.htm?commodityId=${commodityInfoList[item.index].commodityId }"><fmt:formatDate value="${commodityInfoList[item.index].uploaderTime }" pattern="yyyy,MM,dd"/></a> &nbsp;
			<a href="index_commodity_commodityDetail.htm?commodityId=${commodityInfoList[item.index].commodityId }" class="rep">&nbsp;
				<em id="tietiao_num_${commodityInfoList[item.index].commodityId }">${commodityInfoList[item.index].reviewNum == null ? '0' : commodityInfoList[item.index].reviewNum}</em>
			</a> 
			<br/>
			<a href="friend_friends_home.htm?userId=${commodityInfoList[item.index].uploaderId }">${commodityInfoList[item.index].petName}</a>
		</span> 
		<a href="index_commodity_commodityDetail.htm?commodityId=${commodityInfoList[item.index].commodityId }" class="vote">${commodityInfoList[item.index].tietiaoNum == null ? '0' : commodityInfoList[item.index].tietiaoNum}</a> 
	</div>
</div>




<%--<div class="figure-product figure-200" id='follow_${commodityInfoList[item.index].commodityId }'> --%>
<%--	<a href="index_commodity_commodityDetail.htm?commodityId=${commodityInfoList[item.index].commodityId }">--%>
<%--		<figure> --%>
<%--			<span class="wrapper-fig-image"> --%>
<%--				<span class="fig-image"> --%>
<%--					<img onclick="javascript:self.location='index_commodity_commodityDetail.htm?commodityId=${commodityInfoList[item.index].commodityId }'" src="./js/lazyload/grey.gif" data-original="${rootPicPath}${commodityInfoList[item.index].qietuOne}" alt=""> </span> --%>
<%--				</span>--%>
<%--			<figcaption> ${commodityInfoList[item.index].title} </figcaption>--%>
<%--		</figure>--%>
<%--	</a> --%>
<%--	<br class="hidden">--%>
<%--	<span class="username">--%>
<%--		<a href="friend_friends_home.htm?userId=${commodityInfoList[item.index].uploaderId }">${commodityInfoList[item.index].petName}</a>&nbsp;--%>
<%--		<a href="#">贴条</a>--%>
<%--		<em id="tietiao_num_${commodityInfoList[item.index].commodityId }">+${commodityInfoList[item.index].tietiaoNum == null ? '0' : commodityInfoList[item.index].tietiaoNum}</em>--%>
<%--	</span> --%>
<%--	--%>
<%--	<c:choose>--%>
<%--		<c:when test="${user.userId == null or user.userId == commodityInfoList[item.index].uploaderId}"></c:when>--%>
<%--		<c:otherwise>--%>
<%--			<c:choose>--%>
<%--				<c:when test="${commodityInfoList[item.index].myTietiaoFlag != null }">--%>
<%--					<br class="hidden">--%>
<%--					<a href="javascript:com.tietiao.shitiao('${ commodityInfoList[item.index].commodityId}','tie_shi_${commodityInfoList[item.index].commodityId }')" class="followed" require_login="true" id="tie_shi_${commodityInfoList[item.index].commodityId }"><span></span>撕条</a> --%>
<%--				</c:when>--%>
<%--				<c:otherwise>--%>
<%--					<br class="hidden">--%>
<%--					<a href="javascript:com.tietiao.showTietiaos('show_tie_${commodityInfoList[item.index].commodityId }','${commodityInfoList[item.index].commodityId}', 'tie_shi_${commodityInfoList[item.index].commodityId }')" class="button button-follow" require_login="true" id="tie_shi_${commodityInfoList[item.index].commodityId }"><span></span>贴条</a> --%>
<%--				</c:otherwise>--%>
<%--			</c:choose>--%>
<%--		</c:otherwise>--%>
<%--	</c:choose>--%>
<%--</div>--%>
<c:if test="${item.index % 4 == 3 }">
</div>
</c:if>
</c:forEach>
		